<template>
  <div>
    <h3>我是一个子组件 -- {{ title }}</h3>
    <button @click="parentFn">子组件中获取父组件中的数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: "child2",
    };
  },
  methods: {
    fn() {
      console.log("fn--child2");
    },
    parentFn() {
      // 通过在子组件中$parent属性获取当前组件它的父组件，返回就是一个对象
      // console.log(this.$parent);
      console.log(this.$parent.name);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>